@use "./reset";

// src/assets/css/safe-area.scss
/* 最小字号保护 */
html {
  font-size: 12px !important; // 设置最小字号
  @media screen and (min-width: 768px) {
    font-size: 16px !important;
  }
  @media screen and (min-width: 1280px) {
    font-size: 16px !important;
  }
}

/* 4K屏幕限制 */
@media screen and (min-width: 3840px) {
  html {
    font-size: 24px !important;
  }
}
// 使用统一基准值开发（PostCSS自动转换）
// 移动端设计稿元素（750px宽设计稿）
.mobile-component {
  width: 750px; // 转换为46.875rem (750/16)
  padding: 24px; // 转换为1.5rem
}

// PC端设计稿元素（1920px宽设计稿）
.desktop-component {
  width: 1920px; // 转换为120rem
  margin: 48px; // 转换为3rem
}

// 响应式适配（通过data属性）
[data-design-preset="mobile"] {
  .responsive-box {
    flex-direction: column;
  }
}

.app-container {
  padding: 15px;
  background: #ffffff;
}

.search-bar {
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  border-radius: 4px;
  box-shadow: var(--el-box-shadow-light);
}

.table-container > .el-card__header {
  padding: calc(var(--el-card-padding) - 8px) var(--el-card-padding);
}
.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}

.el-table {
  font-family: "Source Han Sans", "Microsoft YaHei", sans-serif;
}
.svg-size {
  width: 20px !important;
  height: 20px !important;
}

.deflat-font-size {
  font-size: 14px;
  color: var(--el-text-color-primary);
}

// 禁止文本被用户选中
.unselectable {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* 标准语法 */
}

.el-table {
  --el-table-bg-color: transparent !important;
  --el-table-header-bg-color: #fff !important;
  --el-table-border-color: #fff !important;
  // --el-table-border: 1px solid #4313ef;
  // --el-table-row-hover-bg-color: #e70f0f;
  --el-table-tr-bg-color: transparent !important;
}
.table-wrapper .el-table {
  --el-table-cell-padding: 80px 12px !important; /* 上下8px，左右12px */
}
/* 在全局样式文件中添加 */
body .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  padding: 13px 0 !important;
}

body .el-table td.el-table__cell,
body .el-table th.el-table__cell.is-leaf {
  padding: 13px 0 !important; /* 调整为你需要的值 */
}
